render();
// 添加文章分类
$('#addCategory').on('submit', function() {
    var formData = $(this).serialize();
    $.ajax({
        type: 'post',
        url: '/categories',
        data: formData,
        success: function(response) {
            render()
        }
    })
    return false;
});
// 将添加文章改为修改文章
$('#categoriesBox').on('click', '.edit', function() {
    var id = $(this).data('id')
    $.ajax({
        type: 'get',
        url: '/categories/' + id,
        success: function(response) {
            var html = template('categoryModtTpl', response)
            $('#modifyBox').html(html)
        }
    })
});
// 修改文章分类
$('#modifyBox').on('submit', '#modifyCategory', function() {
    var id = $(this).data('id')
    var formData = $(this).serialize();
    $.ajax({
        type: 'put',
        url: '/categories/' + id,
        data: formData,
        success: function() {
            render()
        }
    })
    return false
});
//删除文章分类
$('#categoriesBox').on('click', '.delete', function() {
    if (confirm('是否删除这个分类')) {
        var id = $(this).data('id')
        $.ajax({
            type: 'delete',
            url: '/categories/' + id,
            success: function() {
                render()
            }
        })
    }
})

$('#checkboxAll').on('change', function() {
    var status = $(this).prop('checked');
    $('#categoriesBox').find('input').prop('checked', status)
    if (status) {
        $('#deleteMany').show();
    } else {
        $('#deleteMany').hide();
    }
})

$('#categoriesBox').on('change', '.userStatus', function() {
    var inputs = $('#categoriesBox').find('input')
    if (inputs.length == inputs.filter(':checked').length) {
        $('#checkboxAll').prop('checked', true)
    } else {
        $('#checkboxAll').prop('checked', false)
    }
    if (inputs.filter(':checked').length > 0) {
        $('#deleteMany').show();
    } else {
        $('#deleteMany').hide();
    }
})

$('#deleteMany').on('click', function() {
    var ids = [];
    var checkUser = $('#categoriesBox').find('input').filter(':checked')
    checkUser.each(function(index, element) {
        ids.push($(element).data('id'))
    });
    if (confirm('确认删除这些分类？')) {
        $.ajax({
            type: 'delete',
            url: '/categories/' + ids.join('-'),
            success: function() {
                location.reload()
            }
        })
    }
})

function render() {
    $.ajax({
        type: 'get',
        url: '/categories',
        success: function(response) {
            var html = template('categoryListTpl', { data: response })
            $('#categoriesBox').html(html)
        }
    })
}